<template>
  <RouterView />
</template>

<script setup>
import { RouterView } from 'vue-router'
import { windowResize } from "@/utils/tools"
// import { useFullScreenStore } from '@/stores/fullScreen'

// const fsStore = useFullScreenStore()


onMounted(() => {
  windowResize()
  window.addEventListener('resize', windowResize);
})

onBeforeUnmount(async () => {
  window.removeEventListener('resize', windowResize);
})
</script>

<style lang="less">
.m-page {
  // min-width: 1366px;
  min-width: 1920px;
  width: 100%;
  height: 100%;
  // background-color: #282c34;
  background-color: #0a224f;
  background-color: rgb(2, 24, 67);
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 14px;
  .m-header {
    width: 100%;
    height: 80px;
    padding: 10px;
  }
  .m-body {
    width: 100%;
    flex: 1;
    overflow: auto;
    padding: 10px;
  }
  .m-footer {
    width: 100%;
    min-height: 60px;
    padding: 10px;
  }
}
</style>
